<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>妈妈帮淘 - 果果街</title>
<meta name="keywords" content="果果,果果网,果果街,淘宝网导购,淘宝母婴,母婴用品,母婴产品,母婴网购,怀孕,孕期,婴幼儿,儿童,0-1岁,1-3岁,3-6岁,妈妈购物分享,逛淘宝,童装,童鞋,玩具,早教,启蒙,亲子,亲子装,纸尿裤,奶粉,母婴类美丽说,母婴类蘑菇街,母婴类爱乐活" />
<meta name="description" content="看看妈妈们为宝宝淘到的好东西，参加品牌母婴电商限时高额返利活动，推荐别人购买自己拿佣金，果果街是妈妈分享育儿消费经验，网购省钱的好地方。" />
<link href="../../css/v4/common/base.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/common/hf.css" type="text/css" rel="stylesheet" />
<link href="../../css/v4/channel.css" type="text/css" rel="stylesheet" />
<%@include file="../common/js.jsp" %>
<script type="text/javascript" src="/js/v3/amoy.js"></script>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<!--[if ie 6]><script src="../../js/v4/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie]><link href="../../css/v4/common/IE.css" type="text/css" rel="stylesheet"><![endif]-->

<script type="text/javascript">
$(function(){
	var cm=$("#cm");
	var bc=$("#bc");
	var cLi=bc.find("li.current");
	var cLiWid=cLi.outerWidth(),cLiLeft=cLi.offset().left;
	var cmParentLeft=cm.parent().offset().left;
	var lastLiIndex=0;
	cm.css({
		width:cLiWid+"px",
		marginLeft:cLiLeft-cmParentLeft+"px"
	});

	var cML=0,cWid=0;

	bc.find("li").bind("mouseenter",function(){
		lastLiIndex=$(this).index();
		if(!cm.is(":animated")){
			$(this).addClass("current").siblings().removeClass("current");
			cWid=$(this).outerWidth();
			cML=$(this).offset().left-cmParentLeft;
			cm.animate({
				width:cWid+"px",
				marginLeft:cML+"px"
			},200);
		}
		if(lastLiIndex!=bc.find("li.current").index()){
			var lastLi=bc.find("li").eq(lastLiIndex);
			lastLi.addClass("current").siblings().removeClass("current");
			var cWid=lastLi.outerWidth();
			var cML=lastLi.offset().left-cmParentLeft;
			cm.animate({
				width:cWid+"px",
				marginLeft:cML+"px"
			},200);
		}
	});
	
	
	
	

});
	
	
	
	
	$(function(){
		$.lbShow({picUL:"picUL",numsUL:"numsUL",titleUL:"titleUL",styles:"hover"});
	});
</script>
</head>

<body>
	<!-- head -->
	<%@include file="../common/header.jsp"%>
	<!-- head--end-->
    
    <!-- body -->
    
    	<!-- ad-->
        <div class="w100p">
			<div class="w980 mg ad_box_s1">
               	<a href="${advList[0].hyperlink}"><img src="${advList[0].picture}" width="980px;" class="block" /></a>
          	</div>
        </div>
    	<!-- ad--end-->
        
        <!-- content-->
        <div class="w100p mt20 main_wrap">
            <div class="w980 mg clearfix">
            	<!-- left -->
            	<div class="layout_box1">
                	<div class=" box_s8">
                    	<div class="buy_box">
                        	<div class="cursor_move">
                            	<div class="cm_box" id="cm"></div>
                            </div>
                            <div class="buy_choose">
                                <ul class="b_choose clearfix" id="bc">
									<li class="b_title current">
                                    	<a href="amoys.htm"><img src="../../images/v4/other/bt_logo.png" class="block" width="112" height="27" /></a>
                                    </li>
									<li class="normal"><a href="amoy.htm?ai=c1fd788e-590b-4579-b5ef-d21a9f42c92d">怀孕期</a></li>
									<li class="normal"><a href="amoy.htm?ai=5e02f483-87bd-4d77-81d5-a64ecdc877d0">0-1岁</a></li>
									<li class="normal"><a href="amoy.htm?ai=1d48a3b9-3709-4270-81b5-0267a5b3546f">1-3岁</a></li>
									<li class="normal"><a href="amoy.htm?ai=b22c5b02-baa2-42de-ac92-09042e8ccfa2">3-6岁</a></li>
								</ul>
                            </div>
                            
                            <div class=" b_pd_s1">
                            	<div class="pro_tags clearfix">
                                	<div class="b_lb_box">
                                    	<div class="lb_box">
                                            <ul class="lunbo" id="picUL">
                                             <c:forEach items="${lunboList}" var="lunbo">
                                                <li>
                                                    <a href="${lunbo.hyperlink}" target="_blank"><img src="${lunbo.picture}" class="block" /></a>
                                                </li>
                                              </c:forEach>  
                                            </ul>
                                        </div>
                                        <ul class="b_lb_title" id="titleUL">
                                         	<c:forEach items="${lunboList}" var="lunbo">
                                        		<li><a href="${lunbo.hyperlink}" target="_blank">${lunbo.title}</a></li>
                                        	</c:forEach>  
                                        </ul>
                                        <ul class="b_lb_nums" id="numsUL">
                                        	<li class="current"></li>
                                            <li></li>
                                            <li></li>
                                            <li class="last"></li>
                                        </ul>
                                    </div>
                                    
                                    <div class="tags_box">
                                    	<h1>热门标签</h1>
                                    	<c:forEach items="${amoysTagsList}" var="tags">
                                    		<a href="${tags.hyperlink}">${tags.description}</a>
                                    	</c:forEach>
                                    </div>
                                    
                                    <div class="clear"></div>
                                    
                                    <div class="com_tit_list_box">
                                    	<h3 class="title">热议话题</h3>
                                        <ul>
                                        <c:forEach items="${amoyList}" var="amoy" varStatus="amoyNum">
                                        	<c:if test="${amoyNum.index%2!=0 }">
                                      	    <li class="no_margin">
                                            	<span class="talk_join">${amoy.visitAmout}人参与</span>
                                            	<i class="gray_circle"></i>
                                            	<a href="discuss.htm?id=${amoy.identifier}" class="talk_title"  target="_blank">${amoy.title}</a> 
                                            </li>
                                            </c:if>
                                            
                                        	<c:if test="${amoyNum.index%2==0 }">
	                                        <li >
	                                            	<span class="talk_join">${amoy.visitAmout}人参与</span>
	                                            	<i class="gray_circle"></i>
	                                            	<a href="discuss.htm?id=${amoy.identifier}" class="talk_title"  target="_blank">${amoy.title}</a> 
	                                            </li>
                                            </c:if>
                                       </c:forEach>
                                            
                                        </ul>
                                        <div class="clear"></div>
                                        <a href="amoyshow.htm?chl=${ai}" class="more">>>更多</a>
                                        
                                    </div>
                                    
                                </div>
                            </div>
                            
                        </div>
                    	<div class="shadow"></div>
                    </div>
                </div>
                
                <!-- right -->
                <div class="layout_box3">
                	<div class="box_s13">
                    	<div class=" b_pd_s2">
                    	<c:forEach items="${rightGuangGao}" var="right" varStatus="rtNum">
                    		<c:if test="${rtNum.index==0 }">
	                        	<div class="r_ad_box mb10">
	                            	<a href="${right.hyperlink }"><img src="${right.picture}" class="block"  style="width: 227px;height: 163px;"/></a>
	                            </div>
                            </c:if>
                            <c:if test="${rtNum.index==1}">
                            <div class="r_ad_box mb10">
                            	<a href="${right.hyperlink }"><img src="${right.picture}" class="block"  style="width: 227px;height: 61px;"/></a>
                            </div>
                            </c:if>
                        </c:forEach> 
                           
                            <div class="b_hd_box clearfix">
                            	<ul>
                            		<c:forEach items="${rightGuangGao}" var="right" varStatus="rtNum">
                            			<c:if test="${rtNum.index >2}">
		                                    <li>
		                                    	<a href="${right.hyperlink }">${right.title}</a> 
		                                    </li>
	                                    </c:if>
                                    </c:forEach>
                                </ul>
                                <a href="amoyshow.htm?chl=${ai}" class="more">>>更多</a>
                            </div>
                        </div>
                    	<div class="shadow"></div>
                    </div>
                
                </div>
                
            </div>
        </div>
        <!-- content--end-->
        
        <div class="w100p mt25">
        	<div class="w980 mg tit_con_box mb35">
            	<div class="title">
                	<a href="pictorialshow.htm?chl=${ai}" class="more">>>更多</a>
                    <span>妈妈们推荐的</span>
                </div>
                <div class="content">
                	<div class="tj_pro_box clearfix">
	                    <c:forEach items="${amoyList}" var="amoy" varStatus="amoyNum">
								<c:if test="${amoy.theme=='02'}">
											<c:forEach items="${amoy.pictorialList}" var="pictorial">
								                    	<div class="box_s2 four_square">
								                        	<div class="shadow"></div>
								                            <h3>${pictorial.pictorialObj.title}</h3>
								                            <ul class="pic_wrap clearfix ">
									                            <c:forEach items="${pictorial.doingList}" var="doing" varStatus="doingIndex">
										                            <c:if test="${doingIndex.index==0 || doingIndex.index==1 || doingIndex.index==2 || doingIndex.index==3}">
																		<c:forEach items="${doing.doingObj.doingProductList}"var="product" varStatus="prdIndex">
																			<c:if test="${prdIndex.index==0}">
												                            	<li>
												                                	<a href="/discussdoing.htm?id=${amoy.identifier }"><img src="${product.imageServer}${product.picThumb}_200x200.jpg" class="block" style="width: 94px;height: 94px;" alt="${pictorial.pictorialObj.title}"/></a>
												                                </li>
											                                </c:if>
											                          </c:forEach>
											                        </c:if>  
																</c:forEach>
								                            </ul>
								                            <div class="share_box clearfix">
								                            	<a href="/discussdoing.htm?id=${amoy.identifier }" class="def_look">去看看</a>
								                            	<span>围观&nbsp;<i>${amoy.visitAmout}</i></span>
								                            </div>
								                        </div>
											 </c:forEach>
									</c:if>		 
							</c:forEach>
                    </div>
                </div>
            </div>
        </div>
        <%@include file="../common/footer.jsp" %>
    <!-- body--end-->
    
</body>
</html>
